<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- 框架头 -->
    <script src="../FrontFrame/head.js"></script>
    <link rel="stylesheet" type="text/css" href="../FrontFrame/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" type="text/css" href="../css/classtable.css">
    <script language="JavaScript" src="../FrontFrame/bootstrap-datetimepicker.js"></script>
    <script language="JavaScript" src="../FrontFrame/bootstrap-datetimepicker.fr.js"></script>
    <script language="JavaScript" src="../js/classtable.js"></script>
    <title>课程表</title>
</head>
<body>
<div class="container">
<!--搜索框-->
<div class="row">
    <div class="col-md-2">
        年级：<select id="grade1" class="form-control"></select>
    </div>
    <div class="col-md-2">
        班级：<select id="classs1" class="form-control"></select>
    </div>
    <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary" id="addclass">添加课程</button>&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="btn btn-primary" id="classinput">课程表导入</button>&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="btn btn-primary" id="classout">课程表导出</button>&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="btn btn-danger" id="delclass">删除课程表</button>
</div>

<hr class="row">

<!--课程表-->
<div class="row">
    <table class="table table-bordered table-striped col-md-11" id="classtable">
        <thead>
            <tr>
                <td>课节</td>
                <td>星期一</td>
                <td>星期二</td>
                <td>星期三</td>
                <td>星期四</td>
                <td>星期五</td>
                <td>星期六</td>
                <td>星期日</td>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td id="td1">1</td>
            <td id="td11"></td>
            <td id="td12"></td>
            <td id="td13"></td>
            <td id="td14"></td>
            <td id="td15"></td>
            <td id="td16"></td>
            <td id="td17"></td>
        </tr>
        <tr>
            <td id="td2">2</td>
            <td id="td21"></td>
            <td id="td22"></td>
            <td id="td23"></td>
            <td id="td24"></td>
            <td id="td25"></td>
            <td id="td26"></td>
            <td id="td27"></td>
        </tr>
        <tr>
            <td id="td3">3</td>
            <td id="td31"></td>
            <td id="td32"></td>
            <td id="td33"></td>
            <td id="td34"></td>
            <td id="td35"></td>
            <td id="td36"></td>
            <td id="td37"></td>
        </tr>
        <tr>
            <td id="td4">4</td>
            <td id="td41"></td>
            <td id="td42"></td>
            <td id="td43"></td>
            <td id="td44"></td>
            <td id="td45"></td>
            <td id="td46"></td>
            <td id="td47"></td>
        </tr>
        <tr>
            <td id="td5">5</td>
            <td id="td51"></td>
            <td id="td52"></td>
            <td id="td53"></td>
            <td id="td54"></td>
            <td id="td55"></td>
            <td id="td56"></td>
            <td id="td57"></td>
        </tr>
        <tr>
            <td id="td6">6</td>
            <td id="td61"></td>
            <td id="td62"></td>
            <td id="td63"></td>
            <td id="td64"></td>
            <td id="td65"></td>
            <td id="td66"></td>
            <td id="td67"></td>
        </tr>
        <tr>
            <td id="td7">7</td>
            <td id="td71"></td>
            <td id="td72"></td>
            <td id="td73"></td>
            <td id="td74"></td>
            <td id="td75"></td>
            <td id="td76"></td>
            <td id="td77"></td>
        </tr>
        <tr>
            <td id="td8">8</td>
            <td id="td81"></td>
            <td id="td82"></td>
            <td id="td83"></td>
            <td id="td84"></td>
            <td id="td85"></td>
            <td id="td86"></td>
            <td id="td87"></td>
        </tr>
        <tr>
            <td id="td9">9</td>
            <td id="td91"></td>
            <td id="td92"></td>
            <td id="td93"></td>
            <td id="td94"></td>
            <td id="td95"></td>
            <td id="td96"></td>
            <td id="td97"></td>
        </tr>
        <tr>
            <td id="td10">10</td>
            <td id="td101"></td>
            <td id="td102"></td>
            <td id="td103"></td>
            <td id="td104"></td>
            <td id="td105"></td>
            <td id="td106"></td>
            <td id="td107"></td>
        </tr>
        </tbody>
    </table>
</div>
<!--添加框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加课程</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">
                        星期：<select id="week" class="form-control">
                            <option value="1">一</option>
                            <option value="2">二</option>
                            <option value="3">三</option>
                            <option value="4">四</option>
                            <option value="5">五</option>
                            <option value="6">六</option>
                            <option value="7">日</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        课节：<select id="lessonsNo" class="form-control">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                        </select>
                    </div>
                </div>
                <div class="row" style="margin-top: 1%">
                    <div class="col-md-4">
                        年级：<select class="form-control" id="grade2"></select>
                    </div>
                    <div class="col-md-4">
                        班级：<select class="form-control" id="classs2"></select>
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-primary" id="addGC">添加班级</button>
                    </div>
                </div>
                <div class="row" style="margin-top: 1%" id="addGCWindow">
                    <div  class="col-md-4">
                        年级：<input id="addG" class="form-control">
                    </div>
                    <div  class="col-md-4">
                        班级：<input id="addC" class="form-control">
                    </div>
                    <div  class="col-md-4">
                        <button class="btn btn-primary" id="add">添加</button>
                    </div>
                </div>
                <div class="row" style="margin-top: 1%">
                    <div  class="col-md-5">
                        任课教师:<input id="name" class="form-control">
                    </div>
                    <div  class="col-md-5">
                        课程名:<input id="lessonsId" class="form-control">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="save" data-dismiss="modal">保存</button>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>